---
title: Branding
---

import { LinkButton } from '@astrojs/starlight/components';

Diese Assets sind unter der [CC-BY-SA-4.0]lizenziert (https://github.com/LinwoodDev/Butterfly/blob/develop/BRANDING_LICENSE).

## Logo

![Logo](/img/logo.svg)

<div class="sl-flex stack">
  <LinkButton href="/img/logo.svg">SVG</LinkButton>
  <LinkButton href="/img/logo.png">PNG</LinkButton>
</div>

## Nachtlogo

![Logo](/img/nightly.svg)

<div class="sl-flex stack">
  <LinkButton href="/img/nightly.svg">SVG</LinkButton>
  <LinkButton href="/img/nightly.png">PNG</LinkButton>
</div>

## Banner

![Banner](/img/banner.svg)

<div class="sl-flex stack">
  <LinkButton href="/img/banner.svg">SVG</LinkButton>
  <LinkButton href="/img/banner.png">PNG</LinkButton>
</div>

## Dokumentation

![Documentation](/img/docs.svg)

<div class="sl-flex stack">
  <LinkButton href="/img/docs.svg">SVG</LinkButton>
  <LinkButton href="/img/docs.png">PNG</LinkButton>
</div>

## Farben

* Primär: `#c4840d`
* Akzent: `#7b8f96`

## Schriftarten

* Website: "Barlow"
* App: `Comfortaa`

## Screenshots

> Wird im firefox Responsive Design Modus verwendet

* Telefon: Galaxy S20 Ultra
* 7-Zoll-Tablet: Nexus 7
* 10-Zoll-Tablet: Nexus 10
